.float-l{float: left;}
.overflow-h{overflow: hidden;}
.weight-b{font-weight: bold;}
.pos-center-t{position: absolute; top: 50%;transform: translateY(-50%);}
.header-r li{border-right: 1px solid #6E7270; margin: 30px 0;}
.header-r li:last-child{border-right: none;}
.header-r li:nth-last-child(2){border-right: none;}
.header-r p{border-right: 1px solid #6E7270; margin: 30px 0;}
.header-r p:last-child{border-right: none;}
.header-r p:nth-last-child(2){border-right: none;}
.img-loupe{width: 16px;height: 16px;}
.header-r a{color: #6E7270;}
.header-r .active>a{color:#D41D48;}
.header-r a:hover{color:#D41D48;}
.bg-color{background-color: #F0F0F0;}
.bg-color2{background-color: #6E7270;}
.bg-color3{background-color: #242526;}
.bg-color4{background-color: #6E7270;}
.bg-color5{background-color: #222222;}
.bg-color6{background-color: #505352;}
.img-max{max-width: 100%;}
.txt-hui{color: #6E7270;}
.align-m{vertical-align: middle;}
.size-13{font-size: 1.3rem;}
.letter-s{letter-spacing: 1px;}
.line-18{line-height: 1.8;}
.line-p p{line-height: 1.8;margin-bottom: 4px;}
.p8 p{margin-bottom: 8px;}
.size-10{font-size: 10px;}
.txt-d4{color: #D41D48;}
.bd{border: 1px solid #a8adae;}
.size-12{font-size: 1.2rem;}
.p-none{padding-bottom: 15px;}
.p-none p{margin: 0;}
.p-none p:nth-child(1){margin-bottom: 15px;font-size: 1.4rem;}
.p-none p:nth-child(2){margin-bottom: 4px;font-size: 1.4rem;}
.span_b p:first-child{margin-bottom: 7px;}
.pd-top13{padding-top: 13px;}
@media (min-width: 1420px){
	.container {
	    width: 1200px;
	}
}
@media (min-width:768px) {
.container{padding: 0;}
}
@media (min-width: 1024px){
.xb45{
    width: 45%;
	float: left;
	position: relative;
	min-height: 1px;
	}
.xb55{
    width: 55%;
	float: left;
	position: relative;
	min-height: 1px;
	}
}
/* 定位 */
.pos-r{position: relative;}
.pos-lc{position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.pos-tc{position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.pos-bottom{position: absolute;bottom: 10px;}
/* 宽度 */
.width-1{width: 100%;}
.width-m{max-width: 100%;}
@media (max-width:768px) {
.pad-ll{padding-left: 15px;}
.align-l{text-align: left;}
.pad10{padding-top: 10px;}
.pad-top-m{padding-top: 20px;}
.pad-th{padding-top: 10px;}
.service-l{text-align: left !important;}
.mg-lefts{margin-left: 8px;}
}
/* module-box */
.pad-bottom-l{padding-bottom: 10px;}
.pad-top-l{padding-top: 10px;}
.line1>span{padding-bottom: 8px;display: inline-block;}
.pad-rights{padding: 0 5px;}
.pad-44{padding-bottom: 25px;}
.hd-about{padding: 20px 0 20px 0;}
@media (min-width:768px) {
.new-detail{padding: 0 120px;}
.hd-about{padding: 60px 0 80px 0;}
.pad-44{padding-bottom: 44px;}
.pad-th{padding-top: 15px;}
.pad-rights{padding-right: 10px;}
.pad-18{padding-left: 18px;}
.logo_h{width: 230px;}
.hd-h{height: 77px;}
.text-l{text-align: left;}
.module-box img{margin-top: 6rem;}
.box-pd{padding-left: 4rem;}
.box-pd-right{padding-right: 4rem;}
.bd-l{border-left: solid 1px #ddd;}
.pad-l15{padding-left: 15px;}
.pad-bottom-m{padding-bottom: 15px;}
.pad-top-m{padding-top: 15px;}
.pad-bottom-l{padding-bottom: 30px;}
.pad-top-l{padding-top: 30px;}
}
.fw-b{font-weight: bold;}
.break-a{word-break: break-all;}
.box-demo p{margin: 0;padding-top: 5px;}
/* module-box2 */
.box2-demo{font-size: 2rem;}
.box2-demo .mg-h{margin-bottom: 10px;}
@media (min-width:768px) {
.img18{margin: 18px 0;}
.box2-demo{font-size: 3.2rem;}
.box2-demo .xb4:first-child .mg-h{margin-right: 60px;}
.box2-demo .xb4:nth-child(2) .mg-h{margin: 0 30px;}
.box2-demo .xb4:last-child .mg-h{margin-left: 60px;}
}
.box2-demo p,.box4-demo3 p{display: inline-block;margin: 0;}
.box2-demo .bd-l-n{border-left: none;}
.bd-b{border: 3px solid #fff;}
.bd-br{border-right: 3px solid #fff;}
/* module-box3 */
@media (min-width:768px) {
.module-box3 .box3-demo .pad-left{padding-left: 30px;}
.module-box4 .box4-demo .pad-left{padding-left: 30px;}
}
/* module-box4 */
.box4-txt{color: #D41D48;}
.box4-demo3 p{vertical-align: middle;margin: 0;}
.box4-demo3 svg{vertical-align: middle;}
/* module-box5 */
.box5-demo{font-size: 3rem;}
.dis-inline{display: inline-block;}
.space-n{white-space: nowrap;}
.line-h{line-height: 26px;}
.box5-demo2{width: 35px;}
.module-box5 .box5-demo3 img{max-width: 100%;}
/* module-box6 */
.box6-demo img{max-width: 100%;}
.box6-demo2{margin: 0;}
.good_width{color: #808080;font-size: 14px;}
.good_width img{width: 100%;}
/* service-module */
/* .service-module p:first-child{margin: 0;} */
.service-max{max-width: 354px;}
.service-demo .mg-x{margin-bottom: 10px;margin: 10px 15px;}
.service-demo{font-size: 1.2rem;}
.service-demo .bd-b{border: 2px solid #fff;}
@media (min-width:768px) {
.mg-b3 p:nth-child(3){margin-bottom: 10px;}
.pad-ll{padding-left: 7px;}
.service-demo .xb4:last-child div{margin-right: 30px;}
.service-demo{padding-left: 30px;}
.service-demo2{padding-right: 30px;}
.service-demo .mg-x{margin-bottom: 10px;padding: 10px 30px;}
/* .service-box{padding: 0 120px;} */
.service-demo{font-size: 3rem; font-weight: bold;}
.dis-inline{display: inline-block;}
.service-demo i{font-size: 36px;float: right;vertical-align: middle;margin-top: 20px;}
.service-demo .bd-b{border: 4px solid #fff;}
}
@media (min-width: 1420px){.box2-demo {font-size: 3.2rem;}}
.service-box2 .bd-b-white{border-bottom: 1px solid #fff;}
.service-box2 .service-demo div:last-child i{display: none !important;}
/* 底部 */
.bg-hui{background-color: #222222;}
.fot-box div>p{padding-bottom: 5px;}
.fot-box2 p{padding-bottom: 5px; word-spacing: 10px;}
@media (max-width:768px) {
footer .footer{padding-top: 10px;}
.fot-box .x12{text-align: center;}
.fot-box2 p:nth-child(2){margin: 0;}
.mg_p{margin: 0;}
}
.fot-mg-b{margin-bottom: 3rem;}
@media (min-width:768px) {
.fot-mg-b{margin-bottom: 10.1rem;}
}
/* 行高 */
.line-s{line-height: 1px;}
.line-b{line-height: 5px;}

@media (min-width: 768px) {
.mg-fix{margin-top: 86px;}
}

/* module2-box */
.case{box-shadow: 1px 1px 4px #CCC;}
.box-case p{display: inline-block; font-size: 1.6rem; padding: 6px 16px;margin-right: 2px; background-color: #D6D9DA;cursor: pointer;}
.box-case p.on{background: #6E7270;}
.box-case p.active{background-color: #6E7270;}
.box-case p:hover{background-color: #6E7270;}
.box-case2 img{width: 100%;}
.pd-right-c{padding-right: 15px;}
.pd-left-c{padding-left: 15px;}
.new-li .case2{color: #6c716d;}
.new-li:hover .case2{color: #E61D4C;}
.box-case2 .case2 span{color: #6c716d;}
.vt-m{vertical-align: middle;}
.box-case2 .i-chevron-right{width: 20px;height: 20px;}
.case3 .active{color: #6c716d;}
.new-li:hover .case3 .active{color: #E61D4C;}
.new-li:hover .case3 .active i{border: 1px solid #E61D4C;}
.box-case3 ul li{background-color: #D6D9DA;display: inline-block;font-size: 1.6rem; padding: 6px 20px;margin-right: 2px;}
.box-case3 li.active{background: #000000;}
@media (max-width: 768px) {
.box-case3 ul li{padding: 6px 10px;}
}
.case-list-item .pic:before{content: '';display: block;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0;transition: all .8s;z-index: 2;position: absolute;}
.new-li:hover .case-list-item .pic:before {opacity: .6;}
.case-list-item .pic-info {position: absolute;top: 50%;margin-top: -20px;left: 0;width: 100%;z-index: 10;color: #FFF;font-size: 14px;text-align: center;}
.case-list-item .pic-info span {width: 200px;margin: 0 auto;height: 1px;display: block;position: relative;}
.case-list-item .pic-info span:before {content: '';display: block;right: 100px;background: #FFF;height: 1px;position: absolute;padding-left: 100px;transition: all .4s;opacity: 0;}
.case-list-item .pic-info span:after {content: '';display: block;left: 100px;background: #FFF;height: 1px;position: absolute;padding-right: 100px;transition: all .4s;opacity: 0;}
.case-list-item .pic-info p {padding: 5px 0;position: relative;width: 200px;margin: 0 auto;line-height: 20px;opacity: 0;transition: all .4s;}
.new-li:hover .case-list-item .pic p {opacity: 1;}
.new-li:hover .case-list-item .pic span:before {padding-left: 20px;opacity: 1;}
.new-li:hover .case-list-item .pic span:after {padding-right: 20px;opacity: 1;}

/* case-detail */
@media (min-width: 768px) {
.case-detail{padding: 0 8.8%; margin-top: 77px;}
.case-detail3{margin: 10px 12%;}
.news-detail3{margin: 0 12%;}
}
.case-detail3{border-top: 1px solid #d8d8d8;}
.case-detail3 li{margin-bottom: 25px;text-align: center;}
.case-detail3 li:first-child{margin-top: 30px;}
.detail-page {padding: 20px 0;}
.detail-page a {font-size: 16px;font-weight: 500;color: #969696;display: inline-block;position: relative;line-height: 30px;}
.detail-page a.share {float: right;}
.detail-page a.icon {display: block;background-repeat: no-repeat;background-size: cover;background-position: center;float: right;padding: 0;margin-right: 15px;}
.detail-page i{font-size: 24px;vertical-align: middle;}
.detail-page a:hover {color: #ee7542;}
.details-contact{padding-top: 40px;}
.details-contact .bd-c{border-bottom: 1px solid #d1d1d1;}
.details-contact .pad-r{padding-right: 100px;}
.details-contact .contact_box a{color: #000;padding: 5px 15px;}
.details-contact .contact_box .bd-d{border: 1px solid #e3e3e3;}
.details-contact .contact_box a:hover{color: #ee7542;}
.details-contact .contact_box2 img{width: 100px;}
/* module4-box */
.box-news p{display: inline-block; font-size: 1.6rem; padding: 6px 16px;margin-right: 2px; background-color: #D6D9DA;cursor: pointer;}
.box-news p.active{background-color: #6E7270;}
.box-news p:hover{background-color: #6E7270;}
.box-news2 img{width: 100%;}
.pd-left-c{padding-left: 15px;}
.new-li .news2{color: #63696a;font-size: 16px;}
.new-li:hover .news2{color: #E61D4C;}
.box-news2 .news2 span{color: #6c716d;}
.box-news2 .news2 span:hover{color: #E61D4C;}
.vt-m{vertical-align: middle;}
.box-news2 .i-chevron-right{width: 20px;height: 20px;}
.news3 .active{color: #a8adae;}
.new-li:hover .news3 .active{color: #E61D4C;}
.new-li:hover .news3 .active i{border: 1px solid #E61D4C;}
.box-news3 ul li{background-color: #D6D9DA;display: inline-block;font-size: 1.6rem; padding: 6px 20px;margin-right: 2px;}
.box-news3 li.active{background: #000000;}
@media (max-width: 768px) {
.box-news3 ul li{padding: 6px 10px;}
}
.new3{color: #a8adae;font-size: 12px;}
@media (max-width: 768px) {
.xs-12{width: 100%;}
}
.news-detail3 li{margin-bottom: 25px;text-align: center;}
.news-detail3 li:first-child{margin-top: 30px;}
.recommend{padding-bottom: 50px;}
.recommend .bd-c{border-bottom: 1px solid #d1d1d1;}
.recommend .new-list{margin: 0 30px;}
.recommend .img-box::before{content: '';display: block;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0;transition: all .8s;z-index: 2;position: absolute;}
.recommend a:hover .img-box::before{opacity: .6;}
.recommend a:hover .title,.recommend a:hover .time span{color: #f00;}
.recommend .info{border: 1px solid #f2f2f2;}
.recommend .info i{font-size: 10px;padding-left: 5px;}
.recommend .title{font-size: 16px;color: #373737;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 25px;line-height: 25px;margin-bottom: 10px;}
.recommend .desc{font-size: 12px;color: #9a9a9a;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 44px;line-height: 22px;overflow: hidden;}
.recommend .time{margin-top: 15px;padding-top: 15px;border-top: 1px solid #eaeaea;font-size: 12px;color: #9a9a9a;line-height: 20px;}
.recommend .time span{float: right;display: inline-block;position: relative;height: 20px;line-height: 20px;}
/* 头部 */
.nav>li.active>a {color: #f00;}

.nav>li>a:hover {color: #f00;}

header.header1 {height: auto;line-height: auto;}

header.header1 .new1 {line-height: 22px;}

header.header5>.container {height: 110px;line-height: 110px;}

header.header5 ul.nav>li.new1 {height: unset;}

header.header5 ul.nav.naver>li.new1>a {padding: 17px 21px;}

header.header ul.nav>li.new1>div {width: auto;}

header.header .new1 ul li {list-style: none;}

header.header .drop-down.menu1.new1 section:first-child {box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 2px 5px 0 rgba(0, 0, 0, 0.25);}

header.header .drop-down.menu1 ul {max-width: 100%;padding: 0;}

.add {display: none;position: absolute;top: 30px;right: 10px;padding: 10px 0;box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 16px;opacity: 0;z-index: 5;margin-left: 8px;}

.add::before {content: "";display: block;width: 0;height: 0;border-width: 6px 8px;border-color: transparent transparent #fff;border-style: solid;position: absolute;top: -11px;left: 26px;}

.add a {display: block;padding: 10px 20px;white-space: nowrap;line-height: 1;}

.gb-gray:hover a {background: #F3F3F3;}

/* slide */
.swiper-pagination-bullet{background: #f5f5f5;opacity: .5;}
.swiper-pagination-bullet-active {opacity: 1;background: #007aff;}
.case-detail2 .swiper-slide img{width: 100%;}

.slider {
    width: 100%;
    min-width: 1000px;
    height: 650px;
    position: relative;
    overflow: hidden;
    background: #000;
    text-align: center;
}
.slider .bd {
    width: 1000px;
    position: absolute;
    left: 50%;
    margin-left: -500px;
    text-align: center !important;
}
.slider .hd {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 1;
    height: 8px;
    bottom: 20px;
    text-align: center;
}
.slider .tempWrap {
    overflow: visible !important;
}
.slider .hd li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 8px;
    height: 8px;
    line-height: 99px;
    overflow: hidden;
    background: url(images/slider-btn.png) 0 -10px no-repeat;
    margin: 0 5px;
    cursor: pointer;
    filter: alpha(opacity=60);
    opacity: 0.6;
}
.slider .hd li.on {
    background-position: 0 0;
    filter: alpha(opacity=100);
    opacity: 1;
}
.slider .prev {
    left: -50%;
    margin-left: -500px;
    top: 25%;
}
.slider .pnBtn .blackBg {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 650px;
    background: #000;
    filter: alpha(opacity=80);
    opacity: 0.8;
    margin-top: -165px;
}
.slider .prev .arrow {
    right: 0;
    background: url(images/slider-arrow.png) -120px 0 no-repeat;
}
.slider .pnBtn .arrow {
    display: none;
    position: absolute;
    top: 0;
    z-index: 1;
    width: 60px;
    height: 650px;
}
.slider .next {
    left: 50%;
    margin-left: 500px;
    top: 25%;
}
.slider .pnBtn {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
    height: 650px;
    cursor: pointer;
}
.slider .next .arrow {
    left: 0;
    background: url(images/slider-arrow.png) 0 0 no-repeat;
}